<template>
  <el-dialog
    v-model="props.dialogFlag"
    title="事件列表"
    width="40%"
    :modal="false"
    draggable
    @close="closed"
  >
    <el-table :data="searchList" style="width: 100%" height="290">
      <el-table-column fixed prop="事件编号" label="事件编号" />
      <el-table-column prop="事件类型" label="事件类型" />
      <el-table-column prop="事件等级" label="事件等级" />
      <el-table-column prop="发生时间" label="发生时间" width="200px" />
      <el-table-column prop="发生地点" label="发生地点" />
      <el-table-column prop="车牌号" label="车牌号" />
      <el-table-column prop="驾驶员" label="驾驶员" />
      <el-table-column prop="处理状态" label="处理状态" />
    </el-table>
  </el-dialog>
</template>
<script setup>
import { ref } from "vue"
const props = defineProps(["searchList", "dialogFlag"])
const emit = defineEmits(["close-dialog"])
function closed() {
  emit("close-dialog")
}
</script>
<style lang="stylus" scoped></style>
